<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./MasterPageHome.xhtml"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns="http://www.w3.org/1999/xhtml">
    <f:metadata>
        <f:viewParam name="id" value="#{detailsmessage.idhouse}"/>
    </f:metadata>
    <ui:define name="Title">
        <title>Deltails Message</title>
    </ui:define>
    <ui:define name="content">
        <h:form>
            <p:growl id="message" />
            <table width="100%" border="0" cellpadding="15" cellspacing="15">
                <tr>
                    <td align="center" colspan="2">
                        ID up: <a href="/IDProfile.xhtml?idP=#{detailsmessage.house.IDUser.IDUser}">#{detailsmessage.house.IDUser.IDUser}</a>
                    </td>
                </tr>
                <tr>
                    <td width="170px">
                        Title:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.tittlehouse}"/>
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        &nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
                        <p:commandButton style="width: 180px" action="#{detailsmessage.Savetomymessage}" update="message" value="Save to My Message" ajax="false">
                            <f:param name="id" value="#{param.id}"/>
                        </p:commandButton>
                    </td>
                </tr>
                <tr>
                    <td>
                        Type:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.homestyle}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Date Up:
                    </td>
                    <td>
                        <h:outputText value="#{detailsmessage.house.dateUp}" >
                            <f:convertDateTime pattern="MM/dd/yyyy"/>
                        </h:outputText>
                    </td>
                </tr>
                <tr>
                    <td>
                        Square footage Earth:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.squarefootageEarth}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Square footage House:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.squarefootageHouse}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        City:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.city}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Location:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.location}"/>
                    </td>
                </tr>
                <tr>
                    <td>

                    </td>
                    <td>
                        Bedroom: <h:outputLabel value="#{detailsmessage.house.bedroom}"/>&nbsp;&nbsp;
                        Bathroom: <h:outputLabel value="#{detailsmessage.house.bathroom}"/>&nbsp;&nbsp;
                        Livingroom: <h:outputLabel value="#{detailsmessage.house.livingroom}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Type of House:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.typehouse}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Price:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.deposit}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Introduction:
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.introduction}"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Type Payment: 
                    </td>
                    <td>
                        <h:outputLabel value="#{detailsmessage.house.typepayment}"/>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        Pictures:
                        <p:galleria value="#{detailsmessage.listimage}" var="image" panelWidth="550" >
                            <p:graphicImage value="#{image.linkImageHouse}" />
                        </p:galleria>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">

                        Gooogle Map:
                        <br/>
                        <h:outputText value="#{detailsmessage.house.linkmap}" escape="false"/>
                    </td>
                </tr>
            </table>
        </h:form>
    </ui:define>

</ui:composition>
